<template>
	<view class="container">
		<view class="header">
			<view class="arrow" @tap="$back()"><image src="../../static/images/arrow_left.png" mode="aspectFit"></image></view>
			<view class="tit f36 cfff">商品描述</view>
			<view class="btn f32 cfff" @tap="defineBtn()">确定</view>
		</view>

		<view class="message">
			<textarea placeholder-style="color:#333" placeholder="请输入商品描述" v-model="description" />
			</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				description:''
			};
		},
		onLoad() {
			
		},
		onShow() {
			this.description=uni.getStorageSync('description')
		},
		methods:{
			defineBtn(){
				uni.setStorageSync('description',this.description)
				this.$back()
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F7F4F8;
	}
	.header{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		background-color: #249AF6;
		padding: 60upx 30upx 25upx 30upx;
		.arrow{
			image{
				width: 20upx;
				height: 40upx;
			}
		}
	}
	.message{
		padding: 0 30upx;
		margin-top: 30upx;
		textarea{	
			width: 100%;
			box-sizing: border-box;
			height: 460upx;
			background-color: $white-background;
			padding: 25upx;
			font-size: 28upx;
			color: #333;
			line-height: 42upx;
		}
	}
</style>
